<template>
	<view class="enterprise-top">
		<view class="title">武汉敬思亭信息技术有限公司技术有限公司</view>
		<view class="p one-line">
			<text>已上市</text> ·
			<text>150-500人</text> ·
			<text>计算机软件计算机软件计算机软件计算机软件计算机软件</text>
		</view>
		<view class="hr"></view>
		<view class="p">武汉市东湖新技术开发区光谷现代世贸中心B座</view>
	</view>
	<view class="enterprise-content">
		<view class="tab-box">
			<view :class="selectTab==0?'tab-item active':'tab-item'" @click="selectTab=0">公司介绍</view>
			<view :class="selectTab==1?'tab-item active':'tab-item'" @click="selectTab=1">在招职位</view>
		</view>
		<view class="content img-text" v-if="selectTab==0">
			武汉敬思亭信息技术有限公司成立于2012年，于武汉市工商管理局青山分局注册在案，注册资本100万元，是具有独立法人资格的社会服务机构。
			经营范围包括信息系统集成服务，软件开发，信息技术咨询服务，数据处理和存储服务;财务报表编制服务、会计咨询;税务服务;财务咨询服务(国家有专项规定的项目经审批后或凭许可证在核定的期限内方可经营)等。本公司成立以来以先后拥有CMMI3级资质认证，国家高新技术企业认证和6个计算机软件著作权等相关资质。公司因发展需要，不断吸收社会各界优秀人才，现有经验丰富的从业人员35人，设ERP项目部、电力大运维项目部、财务咨询部和总办办公室。.公司长期与国家电网湖北省电力公司、湖北华中电力科技开发有限公司等电力系统国有企业保持着长期且密切的合作，一直以来致力于为电力系统多个项目以服务外包的模式提供技术以及人才支持。
			<br />
			联系人:周经理(HR)18672352052


		</view>
		<view class="content" v-if="selectTab==1">
			<view class="list-item" v-for="item in 10">
				<view class="title">
					<text class="one-line">UI设计师设计师设计师设计师设计师设计师设计师设计师设计师设计师设计师</text>
					<text class="num">4-8K</text>
				</view>
				<view class="p">
					<view class="tag">武昌区水果湖</view>
					<view class="tag">3-5年</view>
					<view class="tag">大专</view>
				</view>
				<view class="fj-b">
					<view class="left">
						<text class="name">武汉敬思亭信息技术有限公司</text>
					</view>
					<view class="right">
						<view class="btn"> 申请 </view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup lang="ts">
	import { ref } from 'vue';
	let selectTab = ref(0);
</script>

<style scoped lang="scss">
	page {
		background: #F6F6F6;
	}

	.enterprise-top {
		padding: 0 30rpx 30rpx 30rpx;
		margin-bottom: 20rpx;
		background: #FFFFFF;

		.title {
			font-weight: bold;
			font-size: 52rpx;
			color: #1C1C1C;
			line-height: 80rpx;
		}

		.p {
			font-size: 28rpx;
			color: #5A5A5A;
			line-height: 40rpx;

			text {
				white-space: nowrap;
			}
		}

		.hr {
			width: 100%;
			height: 1rpx;
			background: #E8E8E8;
			margin: 40rpx 0 20rpx 0;
		}
	}

	.enterprise-content {
		padding: 0 30rpx 30rpx 30rpx;
		margin-bottom: 20rpx;
		background: #FFFFFF;

		.tab-box {
			width: 100%;
			height: 100rpx;
			border-bottom: 1rpx solid #E8E8E8;
			font-size: 34rpx;
			color: #5A5A5A;
			display: flex;
			justify-content: center;
			align-items: center;

			.tab-item {
				width: 100%;
				height: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
			}

			.tab-item.active {
				color: #1872FF;
			}
		}

		.img-text {
			margin-top: 18rpx;
			font-size: 30rpx;
			color: #444444;
			line-height: 50rpx;
		}

		.list-item {
			width: 100%;
			padding: 18rpx 30rpx 30rpx 30rpx;
			border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);

			.title {
				display: flex;
				justify-content: space-between;
				align-items: center;
				font-size: 34rpx;
				color: #1C1C1C;
				font-weight: bold;
				margin-bottom: 10rpx;

				.num {
					font-weight: normal;
					flex-shrink: 0;
					font-size: 36rpx;
					color: #1872FF;
				}
			}

			.p {
				font-size: 28rpx;
				color: #5A5A5A;
				margin-top: 20rpx;

				text {
					margin-right: 20rpx;
				}

				text:last-child {
					margin-right: 0;
				}
			}

			.tag {
				display: inline-flex;
				align-items: center;
				vertical-align: middle;
				padding: 0 16rpx;
				height: 50rpx;
				background: #F6F6F6;
				border-radius: 8rpx 8rpx 8rpx 8rpx;
				font-size: 24rpx;
				color: #676767;
				margin-right: 14rpx;
				margin-bottom: 14rpx;
			}

			.img {
				width: 52rpx;
				height: 52rpx;
				border-radius: 8rpx 8rpx 8rpx 8rpx;
				margin-right: 18rpx;
				vertical-align: middle;
			}

			.name {
				font-weight: bold;
				font-size: 28rpx;
				color: #111111;
			}

			.fj-b {
				display: flex;
				justify-content: space-between;
				align-items: center;
				font-size: 30rpx;
				color: #1C1C1C;

				.btn {
					display: inline-flex;
					justify-content: center;
					align-items: center;
					width: 136rpx;
					height: 70rpx;
					background: rgba(144, 188, 255, 0.6);
					border-radius: 20rpx 20rpx 20rpx 20rpx;
					font-weight: 500;
					font-size: 30rpx;
					color: #0062FC;
				}
			}
		}
	}
</style>